<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.pimpas.net/web/jsf" prefix="pimp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view>
	<html>
	<head>
	<title>PIMPAS WEBSERVICEPROVIDER</title>
	<style>
		.myFirstSpan {
			background-color: fuchsia;
		}
		
		.myFirstDiv {
			background-color: navy;
			color: white;
			text-decoration: blink;
		}
		
		.datePicker {
			border: 1px dotted black;
		
		}
	</style>
	</head>
	<body>
		<h:form>
			<pimp:span style="width: 200px;">
				<pimp:span styleClass="myFirstSpan" style="border: 1px solid black;">
					<h:outputText value="PIMPAS SPAN!"></h:outputText>
					<pimp:simpleTag tag="br"></pimp:simpleTag>
					<h:outputText value="RULEZZZZ!"></h:outputText>
				</pimp:span>
				<pimp:div styleClass="myFirstDiv">
					<h:outputText value="PIMPAS DIV"></h:outputText>
				</pimp:div>
			</pimp:span>
			<pimp:accordionPanel id="personalAccordPanel" title="My First Accordion Panel" state="colapsed">
				<h:outputText value="CONTENT"></h:outputText>
				<pimp:accordionPanel id="secondAccordPanel" title="Calendar with Validator" state="expanded">
					<pimp:span>
						<h:outputText value="SECOND CONTENT"></h:outputText>
						<pimp:simpleTag tag="br"></pimp:simpleTag>
						<h:outputText value="LOL"></h:outputText>
					</pimp:span>
					<pimp:datePicker id="myDate" value="#{teste.value}"
						dateFormat="%d/%m/%Y" firstDayOfWeek="1"
						showWeekNumbers="true" theme="calendar-blue2"
						required="true">
					</pimp:datePicker>
					<h:message for="myDate"></h:message>
				</pimp:accordionPanel>
				<pimp:accordionPanel id="thirdAccordPanel" title="New Validators" state="expanded">
					<h:panelGrid columns="3">
						<h:outputText value="E-mail: "></h:outputText>
						<h:inputText value="#{teste.email}" id="myEmail">
							<pimp:customRegexValidator regex="#{teste.emailRegex}" bundleHandler="#{teste}"></pimp:customRegexValidator>
						</h:inputText>
						<h:message for="myEmail"></h:message>
					</h:panelGrid>
				</pimp:accordionPanel>
			</pimp:accordionPanel>
			<h:inputText id="textTeste">
				<pimp:operationPersistenceValidator operation="LessThan100Operation"></pimp:operationPersistenceValidator>
			</h:inputText>
			<h:message for="textTeste"></h:message>
			<pimp:focus for="textTeste"></pimp:focus>
			<h:commandButton value="go" actionListener="#{teste.doSomething}"></h:commandButton>
			<pimp:group title="Teste Group">
				<h:outputText value="EH NOIS"></h:outputText>
			</pimp:group>
		</h:form>
	</body>
	</html>
</f:view>